import { Pagination, Divider } from "antd";
const View = () => {
    const onChange = (pageNumber) => {
        console.log("Page: ", pageNumber);
    };
    const onShowSizeChange = (current, pageSize) => {
        console.log(current, pageSize);
    };
    return (
        <>
            <Divider> 基本使用</Divider>
            <Pagination
                align='center'
                defaultCurrent={1}
                onChange={onChange}
                total={50}
            />
            <Divider> 改变每页显示条目数</Divider>
            <Pagination
                align='center'
                defaultCurrent={1}
                onChange={onChange}
                total={50}
                onShowSizeChange={onShowSizeChange}
                showSizeChanger
            />
            <Divider>快速跳页</Divider>
            <Pagination
                align='center'
                defaultCurrent={1}
                onChange={onChange}
                total={50}
                showSizeChanger
                showQuickJumper
            />
        </>
    );
};

export default View;
